﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Wijmo.Master" AutoEventWireup="true" CodeBehind="Scrolling.aspx.cs" Inherits="ControlExplorer.C1GridView.Scrolling" %>

<%@ Register Assembly="C1.Web.Wijmo.Controls.3" Namespace="C1.Web.Wijmo.Controls.C1GridView" TagPrefix="wijmo" %>

<asp:Content ID="Content1" ContentPlaceHolderID="Head" runat="server">
    <style type="text/css">
        legend
        {
            background-color: transparent;
        }
    </style>
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <asp:ScriptManager runat="server" ID="ScriptManager1"></asp:ScriptManager>
    
    <asp:UpdatePanel runat="server" ID="UpdatePanel1" UpdateMode="Conditional">
        <ContentTemplate>
            <wijmo:C1GridView ID="C1GridView1" runat="server" DataSourceID="SqlDataSource1" ScrollMode="Both" Height="400px">
            </wijmo:C1GridView>
        </ContentTemplate>
    </asp:UpdatePanel>

    <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="Provider=Microsoft.Jet.OLEDB.4.0;Data Source=|DataDirectory|\C1NWind.mdb;Persist Security Info=True"
        ProviderName="System.Data.OleDb" SelectCommand="SELECT TOP 30 * FROM ORDERS">
    </asp:SqlDataSource>
</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="Description" runat="server">
  <p>
   <strong> C1GridView</strong>支持水平和垂直滚动。
  </p>

  <p>
 如果的<strong> ScrollMode</strong>属性设置为None以外的值则允许滚动的，。
  </p>

  <p>
    当使用滚动，<strong> C1GridView</strong>标题自动修复。
  </p>
</asp:Content>

<asp:Content ID="Content4" ContentPlaceHolderID="ControlOptions" runat="server">
    <asp:UpdatePanel ID="UpdatePanel2" runat="server">
        <ContentTemplate>
            <fieldset>
                <legend>选择滚动模式</legend>
                <asp:RadioButtonList ID="rblScrollMode" runat="server" RepeatDirection="Horizontal"
                    AutoPostBack="True" OnSelectedIndexChanged="rblScrollMode_SelectedIndexChanged">
                    <asp:ListItem Value="None">无</asp:ListItem>
                    <asp:ListItem Value="Auto">自动</asp:ListItem>
                    <asp:ListItem Value="Horizontal">水平</asp:ListItem>
                    <asp:ListItem Value="Vertical">竖直</asp:ListItem>
                    <asp:ListItem Value="Both" Selected="True">所有</asp:ListItem>
                </asp:RadioButtonList>
            </fieldset>
        </ContentTemplate>
    </asp:UpdatePanel>
</asp:Content>
